<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<%-- 
    Document   : curriculumStudent.jsp
    Created on : 19.11.2008, 15:33:27
    Author     : Cyclone
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<body>
    <script src="js/curriculumstudent.js" type="text/javascript"></script>
    <%--<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>--%>

    <%@include file="systemMessage.jsp" %>

    <div id="box" class="rounded-divcascade">
        <div id="rightnow">
        <h3 class="reallynow">
            <span>Учебный журнал студента ${name}</span>
            <a class="user" title="Профиль студента" href="Profile?id=${userId}">Профиль</a>
            <br />
        </h3>
        </div>

        <form id="form" class="rounded-formcascade">
            <fieldset>
                <legend>
                    <c:choose><c:when test="${isMyCurriculum == true}">
                            Ваши курсы
                        </c:when><c:otherwise>
                            Курсы студента
                        </c:otherwise></c:choose>
                    </legend>
                <c:choose>
                    <c:when test="${!empty courseBeanList}">
                        Выберите интересующий Вас курс из представленного ниже списка
                    </c:when><c:otherwise>
                        Список курсов пуст
                    </c:otherwise>
                </c:choose>
            </fieldset>


            <c:if test="${!empty courseBeanList}">
                <c:set var="i" value="-1" />
                <c:forEach items="${courseBeanList}" var="courseBean">
                    <c:set var="userData" value="${courseBean.userData}" />

                    <c:set var="i" value="${i+1}" />

                    <div id="rightnow" onclick="showCourseDiv(${userData.curriculumLevel.id}, event);" style="cursor: pointer;" >
                        <h3 class="reallynow" style="cursor: help;" title="Открыть учебный журнал по выбранному курсу">
                            <span>${userData.curriculumLevel.title}</span>
                            <a class="search_page" title="Подробнее о курсе" href="Course?id=${userData.curriculumLevel.id}" onclick="detailsClicked(event)">О курсе</a>
                            <!--                <a class="add" onclick="$('#labsDiv_21').toggle();alert('hello');">Свернуть</a>-->
                            <br/>
                        </h3>
                    </div>

                    <div id="labsDiv_${userData.curriculumLevel.id}" style="display: none;">
                        <%--<form id="form" class="rounded-formcascade">--%>
                        <fieldset class="rounded" style="margin: 5px;">
                            <legend class="rounded">Информация</legend>
                            <label for="direction">Направление : </label>
                            <input name="direction" type="text"
                                   readonly="readonly" value="${userData.curriculumLevel.curriculumLevel.title}" />

                            <label for="date">Дата зачисления : </label>

                            <c:choose>
                                <c:when test="${!empty userData.recordDate}">
                                    <input name="date" type="text"
                                           readonly="readonly" value="${fn:substring(userData.recordDate, 0, 16)}" />
                                </c:when>
                                <c:otherwise>
                                    <input name="date" type="text"
                                           tabindex="1"  readonly="readonly" value="" />
                                </c:otherwise>
                            </c:choose>

                            <c:choose>
                                <c:when test="${courseBean.workItem.active == true}">
                                    <label for="statusDone">Статус : </label>
                                    <input id="inputStatus_${userData.curriculumLevel.id}" name="statusDone" type="text" readonly="readonly"
                                           <%--                                                           disabled="true" value="${courseBean.workItem.finish.year+1900}.${courseBean.workItem.finish.month+1}.${courseBean.workItem.finish.date} - ${courseBean.workItem.finish.hours}:${courseBean.workItem.finish.minutes}" />--%>
                                           value="Выполнено ${courseBean.workItem.finish.year+1900}.${courseBean.workItem.finish.month+1}.${courseBean.workItem.finish.date} - ${courseBean.workItem.finish.hours}:${courseBean.workItem.finish.minutes}" />
                                </c:when>
                                <c:otherwise>
                                    <label for="statusInProgress">Статус : </label>
                                    <input id="inputStatus_${userData.curriculumLevel.id}" name="statusInProgress" type="text" readonly="readonly"
                                           <%--                                                       readonly="readonly" value="В процессе" />--%>
                                           value="В процессе" />
                                </c:otherwise>
                            </c:choose>

                            <label for="description">Описание : </label>
                            <input type="button" value="Отобразить" style="width: 20%; cursor: pointer;" onclick="showDescription(${userData.curriculumLevel.id})"/>

                        </fieldset>
                        <div id="buttonsDiv_${userData.curriculumLevel.id}">
                            <c:if test="${isMyCurriculum}">
                                <input type="button" id="button1" value="Пометить выполненным" onclick="completeCourse(${userData.curriculumLevel.id})"
                                       title="Подтвердить выполнение курса" style="display: none;">
                                <input type="button" id="button2" value="Отменить выполнение" onclick="cancelCourse(${userData.curriculumLevel.id})"
                                       title="Отменить выполнение курса" style="display: none;">

                                <script type="text/javascript">
                                    showButton(${userData.curriculumLevel.id}, ${courseBean.workItem.active});
                                </script>
                            </c:if>

                            <c:if test="${sessionScope.roles.tutor && !isMyCurriculum}">
                                <input type="button" id="button1" value="Отчислить с курса" onclick="signStudentOffCourse(${userData.id.account}, ${userData.id.curriculumLevel});"
                                       title="Отчислить студента с курса"/>
                            </c:if>
                        </div>



                        <c:choose>
                            <c:when test="${!empty courseBean.labWorkItemList}">
                                <table width="100%" id="labsTable_${i}">
                                    <thead>
                                        <tr>
                                            <th width="20px">№</th>
                                            <th>Название практической работы</th>
                                            <th width="110px">Статус</th>
                                            <th width="40px" title="Подтверждение выполнения практической работы тьютором">Тьютор</th>
                                            <%--<c:if test='<%= request.isUserInRole("student") && request.getParameter("isMyCurriculum").equals("true")%>'>--%>
                                            <%--<c:if test='${sessionScope.roles.student || isMyCurriculum}'>--%>
                                            <c:if test='${isMyCurriculum}'>
                                                <th width="75px">Выполнение</th>
                                            </c:if>
                                            <th width="50px"><a href="#">Операции</a></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <c:forEach items="${courseBean.labWorkItemList}" var="labWorkItem">
                                            <c:set var="lab" value="${labWorkItem.curriculumLevel}" />
                                            <tr>
                                                <td>${lab.numeral}</td>
                                                <td><a href="Lab?id=${lab.id}" title="Просмотреть описание практической работы">${lab.title}</a></td>
                                                <td id="tdStatus_${lab.id}" style="text-align: center;">
                                                    <c:choose>
                                                        <c:when test="${labWorkItem.active == true}">
                                                            Выполнено
                                                            <c:if test="${!empty labWorkItem.finish}">
                                                                ${fn:substring(labWorkItem.finish, 0, 16)}
                                                            </c:if>
                                                        </c:when>
                                                        <c:otherwise>
                                                            В процессе
                                                        </c:otherwise>
                                                    </c:choose>
                                                </td>
                                                <td style="text-align: center;">
                                                    <c:choose>
                                                        <%--<c:when test='<%= request.isUserInRole("tutor") && !request.getAttribute("isMyCurriculum").equals("true")%>'>--%>
                                                        <c:when test='${sessionScope.roles.tutor && !isMyCurriculum}'>
                                                            <%--<input type="button" value="${labWorkItem.mark}" style="width: 20px; margin-bottom: 0px;" onclick="setMark(event, ${labWorkItem.id.id}, ${labWorkItem.id.task})">
                                                            <img src="img/tick-glow.png" alt="v" style="display:none; cursor: pointer;" onclick="cancelMark(event, ${labWorkItem.id.id}, ${labWorkItem.id.task})" title="Выполнение подтвердил проверяющий <%= request.getRemoteUser()%> - отменить?"/>--%>
                                                            <c:choose>
                                                                <c:when test="${! empty labWorkItem.mark && labWorkItem.mark != 0}">
                                                                    <input type="button" title="Подтвердить выполнение" style="display:none; width: 20px; margin-bottom: 0px;" onclick="setMark(event, ${labWorkItem.id.id}, ${labWorkItem.id.task});">
                                                                    <img src="img/tick-glow.png" alt="v" style="cursor: pointer;" onclick="cancelMark(event, ${labWorkItem.id.id}, ${labWorkItem.id.task})" title="Выполнение подтвердил проверяющий ${labWorkItem.accountByVerifier.userIdentity.name} - отменить?"/>
                                                                </c:when><c:otherwise>
                                                                    <input type="button" title="Подтвердить выполнение" style="width: 20px; margin-bottom: 0px; cursor: pointer;" onclick="setMark(event, ${labWorkItem.id.id}, ${labWorkItem.id.task})">
                                                                    <img src="img/tick-glow.png" alt="v" style="display:none; cursor: pointer;" onclick="cancelMark(event, ${labWorkItem.id.id}, ${labWorkItem.id.task})" title="Выполнение подтвердил проверяющий <%= request.getRemoteUser()%> - отменить?"/>
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </c:when><c:otherwise>
                                                            <c:choose><c:when test="${!empty labWorkItem.mark}">
                                                                    <%--<span style="font-size: 16px; font-weight: bold;" title="Выставлена проверяющим ${labWorkItem.accountByVerifier.userIdentity.name}">
                                                                        ${labWorkItem.mark}
                                                                    </span>--%>
                                                                    <a href="Profile?id=${labWorkItem.accountByVerifier.id}"><img title="Перейти к профилю проверяющего - ${labWorkItem.accountByVerifier.userIdentity.name}" alt="√" src="img/tick-glow.png"></a>
                                                                    </c:when><c:otherwise>
                                                                        <%--нет оценки--%>
                                                                    ещё не проверено
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </c:otherwise></c:choose>
                                                    </td>
                                                <%--<c:if test='<%= request.isUserInRole("student") && request.getAttribute("isMyCurriculum").equals("true")%>'>--%>
                                                <c:if test='${sessionScope.roles.student && isMyCurriculum}'>
                                                    <td id="tdButton_${lab.id}" style="padding: 0px; text-align: center;">
                                                        <input type="button" id="but1" style="width: 95%; cursor: pointer; display: none; margin: 0px;" value="Пометить" onclick="completeLab(${lab.id})"
                                                               title="Подтвердить выполнение практического задания" >
                                                        <input type="button" id="but2" style="width: 95%; cursor: pointer; display: none; margin: 0px;" value="Отменить" onclick="cancelLab(${lab.id})"
                                                               title="Отменить выполнение практического задания" >

                                                        <c:choose><c:when test="${!empty labWorkItem.active}">
                                                                <script type="text/javascript">showLabButton(${lab.id}, ${labWorkItem.active});</script>
                                                            </c:when><c:otherwise>
                                                                <script type="text/javascript">showLabButton(${lab.id}, 'false');</script>
                                                            </c:otherwise></c:choose>
                                                        </td>
                                                </c:if>
                                                <!-- / spotted -->
                                                <td style="padding: 0px;">
                                                    <c:set var="verifierId" value="-1"/>
                                                    <c:if test="${!empty labWorkItem.accountByVerifier}">
                                                        <c:set var="verifierId" value="${labWorkItem.accountByVerifier.id}"/>
                                                    </c:if>
                                                    <select id="actionSelect_${lab.id}" style="width: 100%; margin: 0px;" onchange="actionSelectChange(event, ${lab.id}, ${lab.curriculumLevel.id}, ${verifierId})">
                                                        <option value="-1" selected>...</option>
                                                        <optgroup label="Общие">
                                                            <option value="1">Описание</option>
                                                            <option value="2">Подробнее</option>
                                                            <option value="3">О курсе</option>
                                                        </optgroup>
                                                        <c:if test="${!empty labWorkItem.mark}">
                                                            <optgroup label="Проверяющий">
                                                                <option value="5">Профиль</option>
                                                                <option value="6">Сообщение</option>
                                                            </optgroup>
                                                        </c:if>
                                                    </select>
                                                </td>
                                            </tr>
                                        </c:forEach>
                                    </tbody>
                                </table>
                            </c:when><c:otherwise>
                                <p>Список практических работ пуст</p>
                            </c:otherwise></c:choose>

                        </div>

                </c:forEach>
                <script type="text/javascript">reopenCourseDiv();</script>
            </c:if>
        </form>

    </div>
    <script type="text/javascript">
        $(document).ready(function(){
        <c:choose><c:when test="${isMyCurriculum == true}">
                $("#liCurriculum").addClass("current");
            </c:when><c:otherwise>
                    $("#liUsers").addClass("current");
            </c:otherwise></c:choose>
                    $('div#top-panel p').text('Прогресс выполнения дистанционных курсов студентом');
                });
    </script>
</body>


